<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>退房管理主界面</title>
    <link rel="stylesheet" href="../css/layui.css">
</head>
<body>
<header th:replace="common/header"></header>
<div class="layui-container">
    <div style="margin: 0 auto;margin-top: 5%;margin-left: 15%">

        <form action="/customer/searchCustomer" method="post">
            <div class="layui-row">
                证件号码:
                <input type="text" id="credentials_num" name="credentials_num" >
                <input type="submit" name="searchCustomer" value="Search" />
                <!--                <button class="layui-btn layui-btn-radius" type="submit" name="searchBtn">输入用户电话进行查询</button>-->
            </div>
        </form>
<!--        <div style="">-->
<!--            <a href="/customer/directInRoom">新建入住</a>-->
<!--        </div>-->
        <span th:text="${msg}" style="color: red"></span>
        <div style="overflow-x: auto; overflow-y: auto; height: 400px; width:900px;">
            <table class="layui-table" lay-size="sm">
                <colgroup>
                    <col width="75">
                    <col width="75">
                    <col width="75">
                    <col width="75">
                    <col width="75">
                    <col width="75">
                    <col width="100">
                </colgroup>
                <thead>
                <tr>
                    <th>入住编码</th>
                    <th>入住时间</th>
                    <th>客户姓名</th>
                    <th>证件类型</th>
                    <th>证件号</th>
                    <th>入住天数</th>
                    <th>是否退房</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <!--           条目-->
                <tr th:each="check_in:${check_inList}">
                    <td th:text="${check_in.check_in_id}">入住编码</td>
                    <td th:text="${check_in.check_in_time}">入住时间</td>
                    <td th:text="${check_in.check_in_name}">客户姓名</td>
                    <td th:text="${check_in.credentials_type}">证件类型</td>
                    <td th:text="${check_in.credentials_num}">证件号</td>
                    <td th:text="${check_in.housing_days}">入住天数</td>
                    <td th:text="${check_in.continue_bool}">是否退房</td>
                    <td>
                        <a th:href="'/customer/toeEitRoom?check_in_id='+${check_in.check_in_id}" ><span style="color: #0000FF">退房</span></a>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
<footer th:replace="common/bottom"></footer>
</body>
<script src="../js/layui.all.js"></script>
<script>
    //JavaScript代码区域
    layui.use('element', function(){
        var element = layui.element;

    });
</script>